<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/admin/index.xhtml" xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="area-util">
        <p:panel header="Relacionar parâmetros" style="margin-bottom:10px;">
            <h:form id="top">
                <p:growl id="messages" showDetail="true" globalOnly="true"/>
            </h:form>
            <h:form id="frmcadastro">
                <h:panelGrid columns="5" style="margin-bottom:10px" cellpadding="5">      
                    <h:outputLabel value="Cliente:" for="cliente"/>
                    <p:selectOneMenu id="cliente" value="#{relacionarParametrosBean.cliente}" converter="clienteConverter" class="nomeCliente"
                                     required="true" requiredMessage="Cliente requerido!">
                        <f:selectItem itemLabel="Selecione o cliente" itemValue="" noSelectionOption="true"/>
                        <f:selectItems value="#{relacionarParametrosBean.clientes}" var="cliente" itemLabel="#{cliente.nome}" itemValue="#{cliente}"/>
                        <p:ajax listener="#{relacionarParametrosBean.definirParametrosE()}" update=":frmlist:listagem msgCliente"/>
                    </p:selectOneMenu>
                    <p:message id="msgCliente" for="cliente"/>
                    <p:commandButton value="Atualizar" actionListener="#{relacionarParametrosBean.definirParametrosE()}" update=":frmlist:listagem msgCliente"/> 
                    <p:commandButton value="Salvar" actionListener="#{relacionarParametrosBean.salvar()}" update=":top:messages msgCliente"/>
                </h:panelGrid>
            </h:form>
        </p:panel>

        <h:form id="frmlist">
            <p:dataTable id="listagem" var="parametroE" value="#{relacionarParametrosBean.parametrosE}" scrollable="true" scrollHeight="240">
                <p:column headerText="Associar">
                    <p:selectBooleanCheckbox value="#{parametroE.checked}">
                        <p:ajax listener="#{relacionarParametrosBean.atualizarParametroE(parametroE)}"/>
                    </p:selectBooleanCheckbox>
                </p:column>

                <p:column headerText="Id">
                    <h:outputText value="#{parametroE.id}" />
                </p:column>

                <p:column headerText="Nome">
                    <h:outputText value="#{parametroE.nome}" class="nomeParametro" />
                </p:column>

                <p:column headerText="Unidade de medida">
                    <h:outputText value="#{parametroE.unidadeMedida}" />
                </p:column>

                <p:column headerText="Calculável">
                    <h:outputText value="#{parametroE.calculavel? 'Sim' : 'Não'}"/>
                </p:column>

                <p:column headerText="Fórmula">
                    <h:outputText value="#{parametroE.formula}"/>
                </p:column>
            </p:dataTable>                    
        </h:form>
    </ui:define>

</ui:composition>